<template>
	<view class="knowledge-item">
		<view class="knowledge-item-left" @click="toknowledgecontent">
			<span class="knowledge-title">夏天不能光脚、不能吃冰淇淋？<br>别用养生折腾孩子了</span>
			<br>
			<br>
			<span class="knowledge-browse">999次浏览</span>&nbsp;&nbsp;
			<text class="knowledge-browse">888人喜欢</text>
		</view>
		<view class="knowledge-item-right" @click="toknowledgecontent">
			<image src="../../../static/picture/zhishi2.jpg" class="knowledge-image" ></image>
		</view>	
	</view>
	<view class="knowledge-item">
		<view class="knowledge-item-left">
			<span class="knowledge-title">秋天不能吃水果、不能穿短袖？<br>别用“规矩”限制孩子的自由了</span>
			<br>
			<br>
			<span class="knowledge-browse">777次浏览</span>&nbsp;&nbsp;
			<text class="knowledge-browse">666人喜欢</text>
		</view>
		<view class="knowledge-item-right">
			<image src="../../../static/picture/zhishi3.jpg" class="knowledge-image" ></image>
		</view>	
	</view>
	
</template>

<script setup>
const toknowledgecontent = () => {
	uni.navigateTo({
		url: '/pages/knowledge/content/content'
	})
}
</script>

<style scoped>
.knowledge-item{
	font-size: 30rpx;
	margin-top: 40rpx ;
	margin-left: 40rpx;
	margin-right: 40rpx;
	padding-bottom: 30rpx;
	border-bottom: 4rpx solid #f2f2f2;
	display: flex;
	justify-content: space-between;  
}	   
 .knowledge-browse{
 	color: #999999;
 	font-size: 26rpx;
 }   
 .knowledge-intro{
 	font-size: 28rpx;
 	line-height: 60rpx;
 }
 .knowledge-image{
	top: 12rpx; 
	right: 16rpx;
	width: 200rpx; 
	height: 160rpx;
	border-radius: 15rpx;
 }
</style>
